<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<th:block th:include="include :: header('主页')" />
	<style>
		.pannel-body-custom{padding: 0px 0px 0px 8px;border-top:1px solid #eee;}
		.panel-heading-custom{color: #116baa}
		.panel-shadow{ box-shadow:  1px 1px 3px  rgba(0,0,0,.2)}
	</style>
</head>

<body class="gray-bg" >
	<div class="row">
		<div class="col-sm-12">
<!--				<div class="ibox-title">-->
<!--					<h5 style="color:darkblue">最新通知 <small>2024年8月18日：最新消息</small></h5>-->
<!--				</div>-->
			<div class="ibox-content" style="background: none">
				<div class="row">
					<div class="col-sm-3 " style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-bell"></i>
								待办事项
							</div>
							<div class="panel-body pannel-body-custom">
								<div class="table-striped" style="margin:0px;padding:0px;height:288px;overflow: auto;">
									<table id="bootstrap-table2"></table>
								</div>
							</div>
						</div>
					</div>

					<div class="col-sm-5" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-info-circle"></i> 通知公告
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<div class="table-striped" style="margin:0px;padding:0px;height:288px;overflow: auto;">
									<table id="bootstrap-table1"></table>
								</div>
							</div>
						</div>
					</div>

					<div class="col-sm-4">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-newspaper-o"></i>
								图文视窗
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body" style="padding: 0px;">
								<img src="/img/1.webp" style="width:100%;height:261px;">
								<div class="btn-group" style="margin:3px; float:right;">
									<button class="btn btn-xs btn-success " type="button">&nbsp;&nbsp;1&nbsp;&nbsp;</button>
									<button class="btn btn-xs btn-default " type="button">&nbsp;&nbsp;2&nbsp;&nbsp;</button>
									<button class="btn btn-xs btn-default " type="button">&nbsp;&nbsp;3&nbsp;&nbsp;</button>
									<button class="btn btn-xs btn-default " type="button">&nbsp;&nbsp;4&nbsp;&nbsp;</button>
									<button class="btn btn-xs btn-default " type="button">&nbsp;&nbsp;5&nbsp;&nbsp;</button>
								</div>
								<span style="color:black;line-height:26px;vertical-align:bottom;">&nbsp;分公司天翼云眼助力视频发展</span>
							</div>

						</div>
					</div>
				</div>

				<!-- 第二行 -->
				<div class="row">
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-suitcase"></i> 公司文件
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>

						</div>
					</div>
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-rss-square"></i> 公示栏
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-fire-extinguisher"></i>
								安全生产
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
<!--								<div class="panel-footer">-->
<!--									面板Footer-->
<!--								</div>-->
						</div>
					</div>
				</div>

				<!-- 第3行 -->
				<div class="row">
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-book"></i> 业务政策
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>

						</div>
					</div>
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-bar-chart"></i> 经营通报
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-compass"></i>
								工作指南
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
						</div>
					</div>
				</div>


				<!-- 第4行 -->
				<div class="row">
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-gittip "></i> 友情提醒
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>

						</div>
					</div>
					<div class="col-sm-4" style="padding-right: 0px;">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-file-word-o"></i> 中层述职
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="panel panel-shadow">
							<div class="panel-heading panel-heading-custom">
								<i class="fa fa-exclamation-circle"></i>
								旁流障碍
								<button class="btn btn-xs btn-outline btn-success" style="float:right;width:24px;"><i class="fa fa-angle-double-right"></i></button>
							</div>
							<div class="panel-body pannel-body-custom">
								<p>通过 .panel-heading 可以很简单地为面板加入一个标题容器。你也可以通过添加设置了 .panel-title 类的标签，添加一个预定义样式的标题。 为了给链接设置合适的颜色，务必将链接放到带有 .panel-title 类的标题标签内。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!--    <script th:src="@{/js/jquery.min.js}"></script>-->
<!--    <script th:src="@{/js/bootstrap.min.js}"></script>-->
<!--    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>-->
	<div th:include="include :: footer"></div>

    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });

		var prefix = "../demo/operate";
		var datas={total:2,rows:[{userId:1, userCode:"123", status:"ok"}]};
		$(function(){
			var options1 = {
				id: "bootstrap-table2",
				//formId: "form2",
				//toolbar: "toolbar2",
				showHeader: false,
				showFooter: false,
				url: prefix + "/list",
				showRefresh: false,
				showToggle: false,
				showColumns: false,
				showSearch :false,
				pageSize:5,
				pageList:[5],
				showPaginationSwitch: false,
				pagination: false,
				showToolbar: false,
				//createUrl: prefix + "/add",
				//removeUrl: prefix + "/remove",
				//updateUrl: prefix + "/edit/{id}",
				//modalName: "用户",
				columns: [
					{
						field : 'userCode',
						title : '用户编号',
						formatter: function(value, row, index) {
							return "<a href=''>个人事务："+value+"</a>";
						}
					},
					{
						field : 'userId',
						title : '发布时间',
						formatter: function(value, row, index) {
							return "<span class='badge badge-danger'>"+value+"</span>";
						}
					},
					{
						field: 'status',
						title: '用户状态',
						align: 'center',
						formatter: function(value, row, index) {
							return "<button class='btn btn-xs btn-outline btn-success'>处理</button>";
						}
					}]
			};
			$.table.init(options1);

			var options2 = {
				id: "bootstrap-table1",
				//formId: "form2",
				//toolbar: "toolbar2",
				showHeader: false,
				smartDisplay: false,
				cardView: false,
				//url: "/system/home/list",
				showRefresh: false,
				//showToggle: true,
				showColumns: false,
				showSearch :false,
				search:function(){
					return {name:''}
				},
				showPaginationSwitch: false,
				pagination: false,
				showToolbar: false,
				//createUrl: prefix + "/add",
				//removeUrl: prefix + "/remove",
				//updateUrl: prefix + "/edit/{id}",
				//modalName: "用户",
				columns: [
					{
						field : 'noticeTitle',
						title : '通知',
						formatter: function(value, row, index) {
							return value;
						}
					},
					{
						field: 'createBy',
						title: '创建者',
						align: 'center',
						formatter: function(value, row, index) {
							return value;
						}
					}]
			};
			$.table.init(options2);
			$(".bootstrap-table .fixed-table-toolbar").remove();
			$("#bootstrap-table1").bootstrapTable('showLoading');
			$.post("/system/home/list", function (re) {
				$("#bootstrap-table1").bootstrapTable('hideLoading');
				$("#bootstrap-table1").bootstrapTable('load', re.rows);
			})
		})
    </script>
</body>
</html>
